import axios from 'axios'
import qs from 'qs'
import { Toast } from 'vant'
import Vue from 'vue'
const bus = new Vue()
// 创建一个实例
const request = axios.create({
  baseURL: '/conner',
  timeout: 5000
})

// 请求拦截
request.interceptors.request.use(function (config) {
  // 全局loading
  bus.$showLoading()
  // 处理post请求的参数
  if (config.method === 'post' && config.data) {
    config.data = qs.stringify(config.data)
  }
  // 请求头中 传access_token
  const acccessToken = localStorage.getItem('access_token')
  if (acccessToken) {
    config.headers.access_token = acccessToken
  }
  return config
}, function (error) {
  // Do something with request error
  return Promise.reject(error)
})

/*
token如果过期 前台请求，需要toke的接口
后台 一般会返回一个 错误code
data: {
  code: 401,
  msg: 'token过期了，请重新登录'
}
*/
// 响应
request.interceptors.response.use(function (res) {
  bus.$hideLoading()
  // 判断token是否过期
  if (res.data.code === 401) {
    // token过期啦
    Toast('token，过期了，请重新登录')
    bus.$router.push('/login')
  }
  return res
}, function (error) {
  // Any status codes that falls outside the range of 2xx cause this function to trigger
  // Do something with response error
  return Promise.reject(error)
})

export default request
